﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucGame.ascx.cs" Inherits="userControls_ucGame" %>
<script src="/js/HiloGame.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        Triple7.scrollConfig(<%=Newtonsoft.Json.JsonConvert.SerializeObject(OldSession)%>,-1);
    });
</script>


<div style="float: left; width: 150px; margin: 20px; text-align: center">
    <div style="text-align: center; font-size: 20px; font-weight: bold; padding-top: 20px; text-align: center;">
        Jackpot
            <div style="border: solid 3px brown; margin: 20px auto; width: 100px">
                0
            </div>
    </div>

    <div class="extra">Free spin (1)</div>
    <div class="extra">Extra life (4)</div>
    <div class="extra">Out of (2)</div>
    <div class="extra">Nudges (4)</div>
</div>
<div style="float: right; width: 735px; text-align: center">
    <div style="float: right; color: brown; font-weight: bold">
         <input type="button" value="Hướng dẫn"/> 
        <input type="button" value="Đổi tiền"/> 
        <input type="button" value="Nạp vàng"/> Vàng: <%=Au>0?Au.ToString("0,0"):"0" %>, Bạc: <%=Ag>0?Ag.ToString("0,0"):"0" %>
    </div>
    <div style="clear: both"></div>
    <div class="wraperPlay">
        <div style="clear: both"></div>
        <div style="text-align: left">

            <div style="float: left; width: 101px; margin-left: 10px; text-align: center">
                <input type="button" value="Hight" id="btnChooseAction11" onclick="Triple7.chooseAction(1, 1)" />
            </div>
            <div style="float: left; width: 101px; text-align: center">
                <input type="button" value="Hight" id="btnChooseAction21" onclick="Triple7.chooseAction(2, 1)" />
            </div>
            <div style="float: left; width: 101px; text-align: center">
                <input type="button" value="Hight" id="btnChooseAction31" onclick="Triple7.chooseAction(3, 1)" />
            </div>
            <div style="clear: both"></div>
            <div style="float: left; width: 101px; margin-left: 10px; text-align: center">
                <span id="spHiCol1">0</span>
            </div>
            <div style="float: left; width: 101px; text-align: center">
                <span id="spHiCol2">0</span>
            </div>
            <div style="float: left; width: 101px; text-align: center">
                <span id="spHiCol3">0</span>
            </div>

            <div style="clear: both"></div>
        </div>
        <div style="clear: both"></div>
        <div style="background: #000">
            <div class="columnPlay" style="margin-left: 10px">

                <div id="col1" class="numberRandom" style="background-position: left -276px;">
                    <div class="overlayPlay"></div>
                </div>

            </div>

            <div class="columnPlay">

                <div id="col2" class="numberRandom" style="background-position: left -276px;">
                    <div class="overlayPlay"></div>
                </div>

            </div>
            <div class="columnPlay">

                <div id="col3" class="numberRandom" style="background-position: left -276px;">
                    <div class="overlayPlay"></div>
                </div>

            </div>
            <div style="clear: both"></div>
        </div>
        <div style="text-align: left">
            <div class="columnBound" style="margin-left: 10px;">
                <span id="spLoCol1">0</span>
            </div>
            <div class="columnBound">
                <span id="spLoCol2">0</span>
            </div>
            <div class="columnBound">
                <span id="spLoCol3">0</span>
            </div>
            <div style="clear: both"></div>
            <div class="columnBound" style="margin-left: 10px;">
                <input type="button" value="Low" id="btnChooseAction10" onclick="Triple7.chooseAction(1, 0)" />
            </div>
            <div class="columnBound">
                <input type="button" value="Low" id="btnChooseAction20" onclick="Triple7.chooseAction(2, 0)" />
            </div>
            <div class="columnBound">
                <input type="button" value="Low"  id="btnChooseAction30" onclick="Triple7.chooseAction(3, 0)" />
            </div>
            <div style="clear: both"></div>
        </div>
        <div style="clear: both"></div>
        <div style="margin-top: 20px; text-align: left">
            <label id="lblTotalCollect" style="border: solid 1px #CCC; width: 80px; float: left; margin: 9px 10px 0 10px; padding: 3px 5px; font-weight: bold;">
                0
            </label>
            <input type="button" value="Thu tiền" onclick="Triple7.collectMoney()" />
            <div id="divContainerBet">
                <div style="margin-left: 10px; margin-top: 0;">
                    <div style="width: 80px; margin-right: 23px; float: left; line-height: 44px">Mức cược:</div>
                    <input type="text" id="txtBet" value="100" style="width: 80px;" onkeydown="return COMMON.validateDigitQuantity(event)" />
                    <input type="button" id="btnBet" value="Chơi" onclick="Triple7.betGame()" />
                    <div style="clear: both"></div>
                </div>
                <div style="margin-left: 10px;">
                    <input style="margin-left: 100px; width: auto" type="radio" name="rdoBetType" id="rdoAuBet" checked="checked" />
                    Vàng
                    <br />
                    <input style="margin-left: 100px; width: auto" type="radio" name="rdoBetType" id="rdoAgBet" />
                    Bạc
                </div>

            </div>
        </div>
        <div style="clear: both"></div>
    </div>
</div>
<div style="clear: both"></div>
